<template>
  <div class='article-container'>
    <el-form label-position="right" label-width="75px"  ref="articleFormRef">
      <el-form-item label="文章标题" >
        <el-input autocomplete="off"></el-input>
      </el-form-item>
      <el-form-item label="文章内容" >
        <quill-editor
          v-model="content"
          ref="myQuillEditor"
          :options="editorOption"
        ></quill-editor>
      </el-form-item>
      <el-form-item label="视频地址">
        <el-input  autocomplete="off"></el-input>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
// 导入富文本编辑器配置数据
import '../utils/toolbarOptions'
export default {
  name: 'ArticleEdit',
  data () {
    return {
      // Form文章信息表单数据
      articleForm: {},
      // 富文本编辑器配置
      editorOption: toolbarOptions
    }
  }
}
</script>

<style scoped lang='less'></style>
